<template>
  <div class="base-info-box">
    <div class="flex">
      <div class="flex-item">
        <span class="font-w font-16">基本信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-20">订单编号: 546546132156465</span>
          <span class="mar-t-4">创建时间: 2022-02-12 12:22:22</span>
          <span class="mar-t-4">支付时间: 2022-02-12 12:22:22</span>
          <span class="mar-t-4">付款方式: 微信</span>
          <span class="mar-t-4">顾客信息: 毛毛 1302551232</span>
          <span class="mar-t-4">配送方式: 快递配送</span>
          <div class="mar-t-4 v-align-c">
            <span> 收货地址: 河北省唐山市路南区54654</span>
            <el-button type="text" size="mini" class="mar-l-18">修改</el-button>
          </div>
          <span class="mar-t-4">备注留言: 快递配送</span>
        </div>
      </div>
      <div class="flex-item">
        <span class="font-w font-16">订单信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-20">订单状态: 已发货</span>
          <span class="mar-t-4">订单类型: 定制单</span>
          <div class="mar-t-4 v-align-c">
            <span>快递信息: 中通快递 1245456456464654</span>
            <el-button type="text" size="mini" class="mar-l-16">查看物流</el-button>
          </div>
          <span class="mar-t-4">生产时间: 2022-01-11 22:23:33</span>
          <span class="mar-t-4">发货时间: 2022-01-11 22:23:33</span>
          <span class="mar-t-4">收货时间: </span>
          <span class="mar-t-4">完成时间: </span>
        </div>
      </div>
    </div>
    <div class="logistics-info">
      <span class="font-w font-16">收货和物流信息</span>
      <div class="mar-t-20">
        <div class="flex">
          <span>平台收货地址:</span>
          <span class="address-box">毛毛，15060321123，福建省 厦门市 湖里区  高林中路海西金融广场A栋</span>
        </div>
        <div class="flex mar-t-4">
          <span>当前收货地址:</span>
          <span class="address-box">毛毛，15060321123，福建省 厦门市 湖里区  高林中路海西金融广场A栋融广场A栋</span>
        </div>
        <div class="mar-t-4">
          <span>发货快递: </span>
          <span />
        </div>
        <div class="mar-t-4">
          <span>快递单号: </span>
          <span />
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
::v-deep(.el-input) {
  width: 220px
}
.address-box {
  width: 468px;
}
.logistics-info {
  margin-top: 42px;
}
</style>
